<%@page import="edu.uit.se.laps.web.model.TaiKhoan"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!-- pageEncoding="UTF-8"%> -->
<%@ taglib uri="/struts-tags" prefix="s"%>
<%@ page
	import="edu.uit.se.laps.web.*,edu.uit.se.laps.web.controller.*, java.net.*,java.text.*,java.util.*"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
body,input {
	font-family: Calibri, Arial;
}

table#contact {
	border-collapse: collapse;
	width: 550px;
}

th {
	height: 40px;
	background-color: #ffee55;
}
ul{
	list-style-type: none;
}
ul a{
	width: 120px;
	display: inline-block;
}
textarea{
	max-width: 400px;
	width: 300px;
}

.taotk{
	width: 120px;
	height: 40px;
	background: red;
	color: white;
	border: none;
	font-size: 18px;
	cursor: pointer;
}
.taotk:hover{
	background: #6B0000;
}

.tt_taikhoan{
	margin-bottom: 60px;
	width: 100%;
}
table{
	border-collapse: collapse;
	width: 100%;
}
table tr{
	border-collapse: collapse;
}
</style>
<title>myLife - Đăng kí thành viên</title>

<s:head />
<!-- the s:head de thong bao loi validation -->
</head>
<body>
	<tiles:insertTemplate template="Template.jsp">
	<tiles:putAttribute name="focusbody">
	
	<%
		TaiKhoanSession tkSession = (TaiKhoanSession) session
				.getAttribute("TaiKhoanSession");
		if (tkSession == null) {
			tkSession = new TaiKhoanSession();
			session.setAttribute("TaiKhoanSession", tkSession);
		}
	%>
	
	<h1>Tạo tài khoản mới</h1>

	<div style="color: red">${message}</div>
	<s:form action="registerUser" method="post">
		<ul>
			<li><a>Email</a><label style="color:red">*</label> 
				<input type="email" name="email" size="30" required="on"/>
							</li><br>
			<li><a>Password</a><label style="color:red">*</label> <input type="password" name="password" size="30" required="on"/></li><br>
			<li><a>Họ tên</a><label style="color:red">*</label> <input type="text" name="hoTen" size="30" required="on"/></li><br>
			
			<li><a>Giới tính</a><label style="color:red">*</label> 
			<select name="gioiTinh">
			<option value="0">Nam</option>
			<option value="1">Nữ</option>
			</select>
			</li><br>
			<li><a>Ngày sinh</a><label style="color:red">*</label> <input type="date" name="ngaySinh" required="on"></li><br>
			<li><a>Điện thoại</a><label style="color:red">*</label> <input type="text" name="dienThoai" size="20" required="on"/></li><br>
			<li><a>Địa chỉ</a><label style="color:red">*</label> <textarea name="diaChi" required="on"></textarea></li><br>
		</ul>
		<p>
			<input class="taotk" type="submit" value="Tạo tài khoản" />
		</p>
	</s:form>


<!-- 	<div class="tt_taikhoan"> -->
<!-- 		<h2>Thông tin tài khoản</h2> -->
<!-- 	<table id="tk" border="1"> -->
<!-- 		<tr> -->
<!-- 			<th>Id Tài Khoản</th> -->
<!-- 			<th>Email</th> -->
<!-- 			<th>Password</th> -->
<!-- 			<th>Họ Tên</th> -->
<!-- 			<th>Giới Tính</th> -->
<!-- 			<th>Điện Thoại</th> -->
<!-- 			<th>Địa Chỉ</th> -->
<!-- 			<th>Ngày Sinh</th> -->

<!-- 			<th>Chỉnh sửa</th> -->
<!-- 			<th>Xóa</th> -->
<!-- 		</tr> -->
<%-- 		<s:iterator value="taiKhoanList" var="tk"> --%>
<!-- 			<tr> -->
<%-- 				<td><s:property value="idUser" /></td> --%>
<%-- 				<td><s:property value="email" /></td> --%>
<%-- 				<td><s:property value="password" /></td> --%>
<%-- 				<td><s:property value="hoTen" /></td> --%>
<%-- 				<td><s:property value="gioiTinh" /></td> --%>
<%-- 				<td><s:property value="dienThoai" /></td> --%>
<%-- 				<td><s:property value="diaChi" /></td> --%>
<%-- 				<td><s:property value="ngaySinh" /></td> --%>

<!-- 				<td><a href="http://localhost:8080/WebApp/updatesp.jsp">Sửa</a></td> -->
<%-- 				<td><a href="deleteSP?idsp=<s:property value="idSP"/>">delete</a></td> --%>
<!-- 			</tr> -->
<%-- 		</s:iterator> --%>
<!-- 	</table> -->
	
<!-- 	</div> -->
	
	</tiles:putAttribute>
	</tiles:insertTemplate>
</body>
</html>